.settingChannel > div {
  float: left;
}

.settingChannel {
  width: 81vw;
}

.settingChannelPart0 {
  width: 3vw;
  height: 450px;
  margin-top: 80px;
  position: relative;
}


.settingChannelPart0 > div:nth-child(1) {
  transform: rotate(-90deg);
  font-size: 35px;
  position: absolute;
  bottom: 40px;
  right: -40px;
}

.settingChannelPart0 > div:nth-child(2) {
  height: 150px;
  width: 50px;
  margin-top: 155px;
  background-image: url("./image/icon.png");
  background-size: 100%;
}

.settingChannelPart0 > div:nth-child(3) {
  transform: rotate(-90deg);
  font-size: 35px;
  position: absolute;
  top: 50px;
  right: -40px;
}

.settingChannelPart1 {
  margin-top: 30px;
}

.settingChannelPart1 > header,
.settingChannelContent > header,
.settingChannelContent > footer {
  width: 78vw;
  height: 50px;
}

.settingChannelPart1 > header > div,
.settingChannelContent > header > div,
.settingChannelContent > footer > div {
  float: left;
  width: 13vw;
  height: 50px;
  line-height: 50px;
  text-align: center;
  font-size: 25px;
}

.settingChannelPart1 > div {
  width: 78vw;
  height: 450px;
}

.settingChannelContent {
  color: #fff;
}

.settingChannelContent > div {
  width: 78vw;
  height: 350px;
  overflow: hidden;
}

.settingChannelContent > header {
  /*background: linear-gradient(to right, #5534ff, #5534ff, #3d49ff, #1f66ff, #43d269, #72ff22, #82ff27, #3cfc4f, #fbc211, #d7870e, #ae4b0a, #af1f14, #b91e24);*/
  background: #5534ff;
  border-radius: 10px 10px 0 0;
}

.settingChannelContent > footer {
  /*background: linear-gradient(to right, #205bff, #235aff, #40a0ae, #67fb43, #92ff2f, #b2f323, #c7dd20, #dcc51d, #c14416, #a00a15, #7f0915, #640815, #630913);*/
  background: #cd181d;
  border-radius: 0 0 10px 10px;
}

.settingChannelContent > div > section {
  float: left;
  height: 350px;
  width: 13vw;
  border: 1px solid #5f86f5;
  background: #213040;
  position: relative;
}

.settingChannelContent > div > section > div > div,
.settingChannelContent > div > section > div > input {
  width: 13vw;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 22px;
}

.settingChannelContent > div > section > div:first-child {
  width: 270px;
  height: 300px;
  overflow-y: scroll;
}

.settingChannelContent > div > section > div:first-child > div {
  height: 300px;
}

.settingChannelContent > div > section > div:last-child {
  border: 2px solid #fff;
  border-radius: 15px;
  width: 11vw;
  line-height: 36px;
  margin: auto;
  position: absolute;
  bottom: 5px;
  left: 15px;
  font-size: 22px;
  text-align: center;
}

.settingChannelContent > div > section > div > div > input {
  width: 12vw;
  background: #213040;
  outline: none;
  border-right: none;
  border-left: none;
  border-top: none;
  border-bottom: 1px solid #fff;
  text-align: center;
}

.headerImg {
  background-image: url("../images/1.png") !important;
}

.channelSleep {
  color: #727272;
}

.model{
  display: flex;
  flex-direction: column;
}
.model > div {
  margin: 9px;
  flex: 2 1;
  margin-left: 92px;
  width: 287px;
  display: flex;
}

.model > div input,.model > div label{
  flex:2 1 0
}
.model > div input {
  border-radius: 8px;
}